<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/base.css">
    <title>绑定手机\微信</title>
</head>
<body>
    
    <span class="menu">
        <div class="homepage">
            <a href="user.html" class="homepage" target="frame">用户中心首页</a>
        </div>
             
       <ul class="first">
           <li class="title">
               <img src="images/open.png" alt=""> 我的检测
           </li>
           <li><a href="#">上门检测</a></li>
           <li><a href="#">DIY 检测</a></li>
        </ul>
        <ul>
            <li class="title">
                <img src="images/open.png" alt=""> 我的治理
            </li>
            <li><a href="#">上门治理</a></li>
         </ul>
         <ul>
            <li class="title"> 
                <img src="images/open.png" alt=""> 我的装修
            </li>
            <li><a href="#">装修方案</a></li>
         </ul>
         <ul>
            <li class="title">
                <img src="images/open.png" alt=""> 我的收藏
            </li>
            <li><a href="#">装修材料</a></li>
            <li><a href="#">净化产品</a></li>
            <li><a href="#">资讯</a></li>
            <li><a href="#">测评</a></li>
         </ul>
         <ul>
            <li class="title">
                <img src="images/open.png" alt=""> 个人资料
            </li>
            <li><a href="#">个人资料</a></li>
            <li><a href="#">修改密码</a></li>
            <li class="choosen">
                <span class="on2"></span>
                <span class="on3"></span>
                <a href="bounding.html" target="frame">绑定手机\微信</a>
                <span class="on4"></span>
            </li>
         </ul>
         <ul>
            <li class="title">
                <img src="images/open.png" alt=""> 积分管理
            </li>
            <li><a href="#">积分管理</a></li>
            <li><a href="#">积分等级</a></li>
            <li><a href="#">积分任务</a></li>
         </ul>      
    </span>
    
    <span class="detail">
        <div class="change">
            <span class="on"></span>
            <span class="change-title">修改密码</span>
        </div>
        <div class="dotline"></div>
        <div class="bound">
            <table>
                <tr>
                    <td rowspan="2"><img src="images/phone.png" alt="phone"></td>
                    <td>手机号绑定</td>
                </tr>
                <tr>
                    <td>您还未绑定手机号</td>
                </tr>
            </table>
            <button class="btn">立即绑定</button>
        </div>
        <div class="bound">
            <table>
                <tr>
                    <td rowspan="2"><img src="images/wechat.png" alt="wechat"></td>
                    <td>微信绑定</td>
                </tr>
                <tr>
                    <td>您还未绑定微信号</td>
                </tr>
            </table>
            <button class="btn">立即绑定</button>
        </div>
    
    </span>
</body>
</html>